<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图片合集43</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .img_collection_fortythree_up {
         display: flex;
      }

      .img_collection_fortythree_up_img_box {
         width: 50%;
         display: flex;
      }

      .img_collection_fortythree_up_img {
         width: 100%;
         height: 240px;
      }

      .img_collection_fortythree_up_img img {
         width: 100%;
         height: 100%;
      }

      .img_collection_fortythree_up_title {
         width: 50%;
         text-align: center;
         display: flex;
         flex-direction: column;
         justify-content: center;
      }

      .img_collection_fortythree_up_title h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .img_collection_fortythree_up_title p {
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .img_collection_fortythree_lower {
         display: flex;
      }

      .img_collection_fortythree_lower_text {
         display: flex;
         flex-direction: column;
         justify-content: center;
         width: 50%;
      }

      .img_collection_fortythree_lower_text p {
         padding: 0 150px 0 0;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .img_collection_fortythree_lower_img_box {
         width: 50%;
      }

      .img_collection_fortythree_lower_img {
         width: 100%;
         height: 430px;
         position: relative;
      }

      .img_collection_fortythree_lower_img>img {
         width: 100%;
         height: 100%;
      }

      .img_collection_fortythree_up_img_box div:nth-child(1) {
         padding-right: 10px;
      }

      .img_collection_fortythree_up_img_box div:nth-child(2) {
         padding-left: 10px;
      }

      @media (max-width:768px) {
         .img_collection_fortythree_up,
         .img_collection_fortythree_lower {
            display: initial;
         }

         .img_collection_fortythree_up_img_box,
         .img_collection_fortythree_up_title,
         .img_collection_fortythree_lower_text,
         .img_collection_fortythree_lower_img_box {
            width: 100%;
         }

         .img_collection_fortythree_up_title h2 {
            padding-top: 16px;
         }

         .img_collection_fortythree_up_title p {
            padding-bottom: 20px;
         }

         .img_collection_fortythree_lower_text p {
            padding: 0;
         }

         .img_collection_fortythree_lower_img_box {
            padding-top: 20px;
         }

         .img_collection_fortythree_up_img {
            height: 100px;
         }
         
         .img_collection_fortythree_lower_img {
            height: 195px;
         }
      }
   </style>
   <script src="../js/jquery-3.5.1.min.js"></script>
   <script src="../js/video.js"></script>
</head>

<body>
   <div class="img_collection_fortythree modular">
      <div class="public_width">
         <div class="img_collection_fortythree_content">
            <div class="img_collection_fortythree_up">
               <div class="img_collection_fortythree_up_img_box">
                  <div class="img_collection_fortythree_up_img">
                     <img src="../images/img_collection_5_1.png" alt="">
                  </div>
                  <div class="img_collection_fortythree_up_img">
                     <img src="../images/img_collection_5_2.png" alt="">
                  </div>
               </div>

               <div class="img_collection_fortythree_up_title">
                  <h2>「工艺匠心」</h2>
                  <p>C R A F T S M A N S H I P</p>
               </div>
            </div>

            <div class="img_collection_fortythree_lower">
               <div class="img_collection_fortythree_lower_text">
                  <p>艺术需要专注，生活拒绝浮躁，手工木雕是一种技艺，是技法与思想、情感的融合，是从木材到木雕艺术品的缓慢优雅进化。传承其内，创新其外。用传统手工技艺与创新思想情感，赋予东阳木雕以更时尚的外观，更丰富的视觉，更多元的感受。
                  </p>
               </div>

               <div class="img_collection_fortythree_lower_img_box">
                  <div class="img_collection_fortythree_lower_img">
                     <img src="../images/img_text_list_2.png.webp" alt="">
                     <div class="public_video_go">
                        <img src="../images/public_video_go.png" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="public_video">
         <div class="public_video_box">
            <video src="http://0.ss.faisys.com/image/rimage/module/online_flv/Sun.mp4 " autoplay controls></video>
            <img src="../images/pubilc_close.png" alt="">
         </div>
         <div class="public_video_curtain"></div>
      </div>
   </div>
</body>

</html>